<template>
 <div class='index'>
  <div class='index-top'>
   <Header />
   <router-view  to="/order" />
  </div>
  <div class='index-bottom'>
   <bottom />
  </div>
 </div>
</template>

<script setup lang='ts'>
import { onMounted } from 'vue';
import bottom from '../components/bottom.vue';
import { router } from '../router/router';
import Header from '../components/header.vue';
import { RouterView } from 'vue-router';
onMounted(()=>{
 router.push("/order")
})
</script>

<style lang='scss' scope>
.index {
 &-top{
  // height: calc(100% - 2rem);
  height: 100%;
  overflow-y: scroll;
  width: 100%;
 }
 width: 100%;
 position: relative;
 height: 100%;
}
</style>